<template>
  <header :class="$style.mainHeader">
    <h1>JTodo</h1>
  </header>
</template>

<style lang="stylus" module>
.main-header{
  text-align center
  h1{
    font-size 100px
    color: rgba(175, 47, 47, 0.4)
    font-weight 100
    margin 20px
  }
}
</style>

<script>

  // style module 以module的方式  这样使用可以让vue的css名称唯一，安全性高  调用   $style.mainHeader
  // 所以camelCase: true   //css命名更改    #hello-world ==>  #helloWorld这个配置的作用

</script>

